<link rel="stylesheet" type="text/css" href="{:getRootUrl()}Addons/CheckIn/Static/css/check.css">

<div class="checkdiv">
    <div class="row">
        <div class="col-xs-4 text-center" style="margin-left: 19px;">
            <img class="ico_calendar" src="{:getRootUrl()}Addons/CheckIn/Static/images/calendar.png">
            <php>if(!$check){</php>

            <a href="javascript:void(0)" data-role="do_checkin" class="btn-sign"
               style="color: red;font-weight: bolder;">{:L('checkin')}</a>


            <php>}else{</php>
            <a href="javascript:void(0)" class="btn-sign">{:L('checked')}</a>
            <php>}</php>
        </div>

        <div class="col-xs-3  text-center">
            {$week}
        </div>
        <div>
            {$day}
        </div>

    </div>
</div>
<div class="check-tab">
    <div class="col-xs-4 text-center active" data-role="change_rank" data-type="today">{:L('today_checked')}</div>
    <div class="col-xs-4 text-center" data-role="change_rank" data-type="con">{:L('con_checked')}</div>
    <div class="col-xs-4 text-center" data-role="change_rank" data-type="total">{:L('total_checked')}</div>
</div>
<div class="clearfix"></div>
<div id="rank-list" style="margin-bottom: 15px;">
    {$html}
</div>

<script>
    $(function () {
        do_checkin();

        $('[data-role="change_rank"]').click(function () {
            var $this = $(this);
            var type = $this.attr('data-type')
            $.post("{:addons_url('CheckIn://CheckIn/getRank')}", {type: type}, function (res) {
                if (res.status) {
                    $('#rank-list').html(res.html);
                    $('[data-role="change_rank"]').removeClass('active');
                    $this.addClass('active');
                    follower.bind_follow();

                    ucard()
                }
            });
        })

    })


    var do_checkin = function () {
        $('[data-role="do_checkin"]').click(function () {
            var $this = $(this);
            $.post("{:addons_url('CheckIn://CheckIn/doCheckIn')}", {}, function (res) {
                if (res.status) {
                    $this.replaceWith('<a href="javascript:void(0)" class="btn-sign">已签</a>');
                    $('.check-tab').find('.active').click();
                    toast.success(res.info);
                } else {
                    handleAjax(res);
                    /*              setTimeout(function () {
                     location.reload();
                     }, 1500);*/
                }

                //location.reload();
            });


        })
    }


</script>
